table, td{height:50px;margin:0px auto;background-color:#fffff0}
td{width:40px; height:42px; line-height:40px; text-align:center; cursor:hand; font-size:20px;}
.active{border-color:#777; font-weight:700}
h5{font-weight:700}
.jumbotron{padding-top:15px;}
.container{max-width:600px}

.error{background-color:#000}

._hide{display:none}

.select-box{background-color:#fff; position:absolute; height:32px;line-height:32px; display:none;}
.select-box a{display:inline-block; width:30px; text-align:center; text-decoration:none}
.select-box a:hover{background-color:#ddd}

.tag{background-color:#fdffdf}

.sel{color:#999}

ol.game-rules{padding-left:20px;}

p.btns{text-align:center; margin-top:15px}
p.rule{font-size:14px;}

p.more-game{font-size:14px;}
p.more-game a{color:#333; margin-left:5px;}

.rule-contents{display:block;background-color: rgba(255,255,255,0.4); padding: 2px 8px}

h1.page-title{text-align:center; font-size:24px; font-weight:700;margin:0 0 20px 0;}
#game-box, #nickname-box, .more-game, #room-box, #ready-box, #start-box{text-align:center}

/*答案输入框*/
.result-box{display:inline-flex; margin:10px 0}
.result-box .form-control{display:inline-block; width:36px; border:0px; 
	box-shadow:0 0 5px rgba(33,33,33,0.3); padding:6px 3px;
	font-size:16px;
	font-weight:700;
}

span.number{
	font-size: 18px;
    text-align: center;
    line-height: 32px;
    font-weight: 700;
	display:inline-block; width:34px; height:34px;
	margin:0px 3px;
	box-shadow:0 0 5px rgba(33,33,33,0.3);
	background-color:#fff;
	border-radius:5px;
	cursor:hand;
	-moz-transition: -moz-box-shadow linear .1s;
	-webkit-transition: -webkit-box-shadow linear .1s;
	transition: -webkit-box-shadow linear .1s;
}
span.number:hover{
	box-shadow:0 0 5px rgba(33,33,33,0.45);
}
span.number:active{
	box-shadow:0 0 5px rgba(33,33,33,0.25);
}
span.sel{color:#999}

/*倒计时*/
.count-down{font-size:18px; height:50px; line-height:24px;}
.count-down span{font-weight:700; color:red; font-size:24px;}

.form-inline .form-control{width:144px; display:inline-block}
.createRoom{width:230px;}
.ready{width:170px;}
.start{width:170px;}

.answer-config {background-color: rgba(255,255,255,0.4); padding: 2px 8px; margin:0 auto 10px; width:230px}
.answer-config .form-control{width:120px; display:inline-block}
.answer-config .form-group:first-child{margin-bottom:10px;}
.answer-config hr{margin:10px 0}
.answer-config-desc{display:none}

#message-box, .users-box{max-height:100px; overflow:auto; background-color: rgba(255,255,255,0.4); padding: 5px;}

.users-box span{font-size:14px; color:#777; display:inline-block; white-space:nowrap; overflow:hidden; width:80px; margin-right:5px; text-overflow: ellipsis; float:left}

.users-box span.ready{color:green;}
.users-box span.owner{color:#ff9b00; font-weight:700}

#message-box p{font-size:14px; margin-bottom:5px;}
.msg-time{margin-right:10px;}
.msg-error{color:red}
.msg-success{color:green}
.msg-normal{color:#333}
.msg-warning{color:#9c27b0}

